<template>
  <div class="my-course">
    <van-nav-bar left-arrow fixed placeholder :border="false" title="购物" @click-left="back">
      <template #title>
        <div class="nav-bar-title">
          <span> 购物车 </span>
        </div>
      </template>
    </van-nav-bar>
    <form action="/">
      <van-search v-model="searchValue" shape="round" placeholder="名称" @search="handleSearch" />
    </form>
    <div>list</div>
  </div>
</template>

<script>
export default {
  name: 'My',
  layout: 'barHeight',
  data() {
    return {
      searchValue: '', // 搜索框绑定值
      keywords: '', // 传入列表组件的值
    };
  },
  head: {
    title: '我的-壹点灵',
  },

  methods: {
    back() {
      this.keywords = this.searchValue;
    },
    handleSearch() {
      this.keywords = this.searchValue;
    },
    handleNavTabChange(tabName) {
      this.tab = tabName;
    },
  },
};
</script>

<style lang="less" scoped></style>
